.pub_login {
    background: url("@/static/aimg/img_1.png") center no-repeat rgba($color: #000000, $alpha: 1);
    background-size: cover;
    min-height: 100vh;

    .page_box {
        padding: 376rpx 0 0 0;

        .input_box {
            background: url("@/static/aimg/img_2.png") center no-repeat;
            background-size: 100% 100%;
            width: 696rpx;
            min-height: 1010rpx;
            margin: 0 auto;
            padding: 160rpx 20rpx 0 20rpx;
            position: relative;

            .title {
                width: 240rpx;
                margin: 0 auto;
            }
        }

        .input_box::before {
            width: 270rpx;
            height: 304rpx;
            background: url("@/static/aimg/img_3.png") center no-repeat;
            background-size: cover;
            position: absolute;
            top: -150rpx;
            left: 50%;
            margin-left: -135rpx;
            content: "";
        }

        .pub_btn_login {
            width: 512rpx;
            height: 194rpx;
            background: url("@/static/aimg/img_4.png") center no-repeat;
            background-size: 512rpx auto;
            margin: 0 auto;
            line-height: 194rpx;
            text-align: center;
            color: #FFECBB;
            font-size: 36rpx;
        }

        .input_div_new {
            width: 100%;
            padding: 0 70rpx;

            .li {
                padding: 20rpx 40rpx 20rpx 130rpx;
                margin: 58rpx 0 0 0;
                position: relative;
                border: 2rpx solid rgba(255, 236, 187, 0.12);
                border-radius: 4rpx;

                .input {
                    height: 60rpx;
                    line-height: 60rpx;
                    color: #FFECBB;
                    font-size: 32rpx;
                    font-weight: bold;
                }

                .uni-input-placeholder,
                .uni-textarea-placeholder {
                    color: #5E4025 !important;
                    font-size: 28rpx;
                    font-weight: normal;
                }

                .input_right_btn {
                    font-size: 24rpx;
                    color: #FFECBB;
                    line-height: 60rpx;
                    position: absolute;
                    right: 28rpx;
                    top: 20rpx;
                }

                .input_right_btn_no {
                    color: #5E4025;
                }
            }

            .li_focus {
                border: 2rpx solid #FFECBB;
            }


            .li_1::before {
                background: url("@/static/aimg/img_7.png") center no-repeat;
                background-size: 32rpx auto;
                position: absolute;
                top: 20rpx;
                height: 60rpx;
                left: 30rpx;
                width: 40rpx;
                content: "";
            }

            .li_1::after {
                position: absolute;
                top: 20rpx;
                height: 60rpx;
                left: 100rpx;
                width: 2rpx;
                content: "";
                background-color: #372D14;
            }

            .li_2::before {
                background: url("@/static/aimg/img_8.png") center no-repeat;
                background-size: 32rpx auto;
                position: absolute;
                top: 20rpx;
                height: 60rpx;
                left: 30rpx;
                width: 40rpx;
                content: "";
            }

            .li_2::after {
                position: absolute;
                top: 20rpx;
                height: 60rpx;
                left: 100rpx;
                width: 2rpx;
                content: "";
                background-color: #372D14;
            }
        }

        .other_div {
            width: 100%;
            padding: 16rpx 70rpx;
            display: flex;
            justify-content: space-between;

            .p {
                color: #FFE3B1;
                font-size: 24rpx;
                line-height: 40rpx;
            }
        }


        .ys_txt {
            color: #FFE3B1;
            text-align: center;
            font-size: 24rpx;
            line-height: 40rpx;

            .icon-font-basic {
                font-size: 30rpx;
                margin: 0 10rpx 0 0;
            }

            .icon-b-select-6 {
                color: #FFE3B1;
            }

            .txt {
                // font-weight: bold;
                color: #FFE3B1;
            }
        }
    }
}

.pub_register {
    background: url("@/static/aimg/img_9.png") top center no-repeat;
    background-size: cover;
    min-height: 100vh;

    .page_box {
        .li_title {
            text-align: center;
            color: #FFECBB;
            font-size: 36rpx;
            text-shadow: 0px 0px 12px #FFECBB;
            font-weight: bold;
        }

    }
}

// .pub_find_psd {
//     background: url("@/static/bg/img_2.png") center no-repeat;
//     background-size: cover;
//     min-height: 100vh;

//     .pub_btn_psd {
//         width: 360rpx;
//         height: 190rpx;
//         background: url("@/static/bimg/img_11.png") center no-repeat;
//         background-size: 360rpx auto;
//         margin: 0 auto;
//     }

//     .input_box {
//         background: url("@/static/bimg/img_10.png") center no-repeat;
//         background-size: cover;
//         width: 668rpx;
//         height: 1174rpx;
//         margin: 0 auto;
//         padding: 60rpx 50rpx 0 50rpx;

//         .title {
//             width: 240rpx;
//             margin: 0 auto;
//         }
//     }

//     .input_div_new {
//         .li {
//             margin-bottom: 30rpx;

//             .txt {
//                 font-size: 28rpx;
//                 color: #29ECFE;
//                 line-height: 40rpx;
//                 margin-bottom: 10rpx;
//             }

//             .li_box {
//                 background: url("@/static/bimg/img_13.png") center no-repeat;
//                 background-size: 100% 100%;
//                 height: 96rpx;
//                 padding: 23rpx 30rpx;
//                 position: relative;

//                 .input {
//                     height: 50rpx;
//                     line-height: 50rpx;
//                     color: #fff;
//                     font-size: 32rpx;
//                 }

//                 .uni-input-placeholder,
//                 .uni-textarea-placeholder {
//                     color: #ddd !important;
//                     font-size: 28rpx;
//                     font-weight: normal;
//                 }

//                 .input_right_btn {
//                     height: 50rpx;
//                     line-height: 50rpx;
//                     position: absolute;
//                     right: 30rpx;
//                     top: 23rpx;
//                     color: #29ECFE;
//                     font-size: 24rpx;
//                 }
//             }
//         }
//     }
// }